import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
import Indent from '../components/indent/indent.vue'
import Close from '../components/close/close.vue'

import Car from '../components/car/car'
import error from '../components/404/404.vue'

import Details from '../components/Details/Details'
import my from '../components/my/my.vue'


Vue.use(VueRouter)

const routes = [
  {
    path: '/a',
    name: 'Home',
    component: Home
  },{
    path: '/indent',
    component: Indent
  },{
    path: '/close',
    component: Close
  },
  ,{
    path: '/car',
    component: Car
  },
  {
    path: '/details',
    component: Details
  },
  {
    path: '/my',
    name: 'my',
    component: my
  },
 {
    path: '/*',
    name: 'error',
    component: error
  },


  // {
  //   path: '/about',
  //   name: 'About',
  //   // route level code-splitting
  //   // this generates a separate chunk (about.[hash].js) for this route
  //   // which is lazy-loaded when the route is visited.
  //   component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
  // }
]

const router = new VueRouter({
  routes
})

export default router
